<div class="headerFirst">
<div class="mid-header clearfix">
	<a class="leftHead" href="allSpace.html">
		田老师的空间
	</a>
	<div class="rightHead">
		<div class="searchNei">
			<input type="text" placeholder="请输入关键字" class="inputContent" maxlength="20">
			<i class="geFeng"></i>
			<input type="button" class="searchBtn">
		</div>
		<ul class="rightLine">
			<li>
				<a href="tesachSpace.html">张三丰</a>
			</li>
			<li class="midLi">
				<a href="tesachSpace.html">学校</a>
			</li>
			<li class="midClick">
				<a  class="trigle">班级</a>
				<div class="showHide">
					<a href="##">加入班级</a>
				</div>
			</li>
			<li class="midLi">
				<i class="redTip"></i>
				<a class="trigle">消息</a>
				<div class="showHide">
					<a href="##">信件提醒</a>
					<a href="##">通知消息</a>
					<a href="##">
						<i class="redTipTwo"></i>
						提示消息
					</a>
					<a href="##">应用消息</a>
					<a href="##">体系消息</a>
				</div>
			</li>
			<li>
				<a class="trigle">设置</a>
				<div class="showHide">
					<a href="tesachSpaceMain.html">个人中心</a>
					<a href="##">主页装扮</a>
					<a href="allSpace.html">退出</a>
				</div>
			</li>
		</ul>
	</div>
</div>
</div>
<div class="twoNav">
	<div class="midNav clearfix">
		<div class="leftlogo">
			<div class= "lineHangTop2" >
				<p class="bigList">王老师的空间</p>
				<input type="text" class="h1-edit" value="王老师的空间" >
				<span class="role">老师</span>
				<span class="opt" >
					<div class="edit_div">
						<a >编辑</a>
					</div>
					<div class="confirm_div">
						<a class="sureBtn">确定</a>
						<a class="cancleBtn">取消</a>
					</div>
				</span>
			</div>
			<div class="listTip bottomLineHeader2">
				<p class="tipList">乐观开朗</p>
				<input maxlength="140" class="h2-edit" type="text" 
				placeholder="填写个人签名" value="乐观开朗" >
				<span class="opt opt2">
					<div class="edit_div2">
						<a>编辑</a>
					</div>
					<div class="confirm_div2">
						<a class="sureBtn">确定</a>
						<a class="cancleBtn">取消</a>
					</div>
				</span>
			</div>
		</div>
		<ul class="rightShow clearfix">
			<!--[if $numSpace == '1']-->
				<li class="act"><a href="./tesachSpace.html">工作空间</a></li>
			<!--[else]-->
				<li><a href="./tesachSpace.html">工作空间</a></li>
			<!--[/if]-->
			<!--[if $numSpace == '2']-->
				<li class="act"><a href="allSpace.html">展示主页</a></li>
			<!--[else]-->
				<li ><a href="allSpace.html">展示主页</a></li>
			<!--[/if]-->
			<!--[if $numSpace == '3']-->
				<li class="act"><a href="article.html">文章</a></li>
			<!--[else]-->
				<li ><a href="article.html">文章</a></li>
			<!--[/if]-->

			<!--[if $numSpace == '4']-->
				<li class="act"><a href="resource.html">资源</a></li>
			<!--[else]-->
				<li ><a href="resource.html">资源</a></li>
			<!--[/if]-->

			<!--[if $numSpace == '5']-->
				<li class="act"><a href="Album.html">相册</a></li>
			<!--[else]-->
				<li ><a href="Album.html">相册</a></li>
			<!--[/if]-->

			<!--[if $numSpace == '6']-->
				<li class="act"><a href="mailLIst.html">通讯录</a></li>
			<!--[else]-->
				<li ><a href="mailLIst.html">通讯录</a></li>
			<!--[/if]-->
		</ul>
	</div>
</div>
<div class="toTop">
	<a href="javascript:void(0)">
		返回顶部
	</a>
</div>
<script>
/* header click*/
	$(".trigle").on("click",function(){
		if($(this).siblings(".showHide").hasClass("show")){
			$(this).siblings(".showHide").removeClass("show");
		}else{
			$(this).siblings(".showHide").addClass("show");
		}
	});

	$(".toTop a").on("click",function(){
		$("html,body").animate({scrollTop:0});
	}); 
	/******************************空间签名修改22 start*************************************************/
	var hoverFlag = false;
	$(".leftlogo .lineHangTop2 ").hover(function(){
		if(hoverFlag){
			return false;
		};
		$(".edit_div").css("display","block");
		$(".edit_div a").css("display","inline-block");
	},function(){
		$(".edit_div").css("display","block");
		$(".edit_div a").css("display","none");
	});
	$(".edit_div a").on("click",function(){
		/*/ console.log("点击到编辑的地方了11111");*/
		$(this).css("display","none");
		var siblingDev =$(this).parent(".edit_div").siblings(".confirm_div");
		if(siblingDev.css("display") == "none" ){
			hoverFlag = true;
			siblingDev.css("display","block");
			/*input 重新选择赋值*/
			$(".h1-edit").val($(".bigList").text());
			$(".h1-edit").css("display","inline-block");
			$(".bigList").css("display","none");
		}
	});
	$(".confirm_div .sureBtn").on("click",function(){
		hoverFlag = false;
		/*ajax请求之后操作demo2222222*/
		document.title=$(".h1-edit").val();
		$(".bigList").text($(".h1-edit").val());
		$(".h1-edit").css("display","none");
		$(".bigList").css("display","block");
		$(this).parent(".confirm_div").css("display","none");
		$(".edit_div a").css("display","block");
	});
	$(".confirm_div .cancleBtn").on("click",function(){
		hoverFlag = false;
		$(".h1-edit").css("display","none");
		$(".bigList").css("display","block");
		$(this).parent(".confirm_div").css("display","none");
		$(".edit_div a").css("display","block");
	});

	/* smallLine click*/
	var twoFlag = false;
	$(".midNav .bottomLineHeader2").hover(function(){
		if(twoFlag){
			return false;
		};
		$(".edit_div2").css("display","block");
		$(".edit_div2 a").css("display","inline-block");

	},function(){
		$(".edit_div2").css("display","block");
		$(".edit_div2 a").css("display","none");
	});

	$(".edit_div2 a").on("click",function(){
			$(this).css("display","none");
		var siblingDev =$(this).parent(".edit_div2").siblings(".confirm_div2");
			if(siblingDev.css("display") == "none" ){
				twoFlag = true;
				siblingDev.css("display","block");
				$(".h2-edit").css("display","inline-block");
				 $(".bottomLineHeader2 .tipList").css("display","none");
			}
	});
	$(".confirm_div2 .sureBtn").on("click",function(){
		twoFlag = false;
		$(".bottomLineHeader2 .tipList").text($(".h2-edit").val());
		$(".h2-edit").css("display","none");
		$(".bottomLineHeader2 .tipList").css("display","inline-block");
		$(this).parent(".confirm_div2").css("display","none");
	});
	$(".confirm_div2 .cancleBtn").on("click",function(){
		hoverFlag = false;
		$(".h2-edit").css("display","none");
		$(".bottomLineHeader2 .tipList").css("display","inline-block");
		$(this).parent(".confirm_div2").css("display","none");
	});
	/******************************空间签名修改22 end*************************************************/
</script>